<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习CSS</title>
		<style>
			/*引入样式表 css语法*/
			@import url(css/学习CSS.css);
			/*内部样式表:效果
              所有P元素添加背景颜色:黄色
			  选择器:抓取页面元素，统一添加
			*/
		   /*元素选择器*/
			p{
				background-color: yellow;
			}
		</style>
		<!-- 外部样式表 href="相对路径+xxx.css"将css代码写在外部 
		link元素可以创建多个，必须平行 
		-->
		<link rel="stylesheet" href="css/学习CSS.css">
		</head>
		<body>
		<!--文本元素:span元素-->
		<span>今天</span>周四，<span>明天</span>我要回家。。。
		<!--一.什么是CSS？
		    Cascadding style sheets，层叠样式表，级联样式表，简称样式表【主要是做元素效果】
            html5	元素 属性和属性值---针对单个元素做效果	
            CSS	控制任何元素简洁，推进使用1css代替html元素中的属性和属性值	
            功能:实现内容和表现分离【html结构层 css样式层]
            2.css不能独立存在
            使用css3样式表【效果、布局】
            ①:内联【级联】样式表:写法与属性与属性值基本一致【不用】
            ②:内部样式表:在head元素中添加style元素，css语法【练习专用】
			③:外部样式表:在head元素中 link 外链【项目专用】
			④:引入样式表【css2】：在head元素中添加@import url【不用】
            3.css3基础语法
			选择器{
            属性:属性值;
			}
            重点:学习选择器的使用--抓页面元素
            css: 属性与属性值边框，盒模型，浮动，文本元素样式....属
		-->
		<p align="center">lorem</p>
		<p align="center">lorem</p>
		<!--①内联样式表语法：style="属性：属性值；属性：属性值；"-->
		<p style="text-align: center;color: red;">lorem</p>
		<p align="center">lorem</p>
		<p align="center">lorem</p>
	</body>
</html>